<!doctype html>
<html>
<head>
  <title>view form</title>
  <link rel="stylesheet" type="text/css" href="../pub/select.css">
</head>

<body xt="ROOT">
  <h1>Resize</h1>

  <p>Grab the right or bottom border and drag to the desired width or height.</p>

  <div id="abc" class="orange" xt="div">	
    <a href="http://www.baidu.com" id="testLink" xt="div">hhhh</a>
    <button id="btn1" xt="button">buttontest</button>
	<div id="con" style="width:auto" xt="div">
		<input id="check" type="checkbox">mycheck</input>
	</div>
    <input id="ipt" xt="div"></input>
  </div>
  
  <script type="text/javascript" src="../pub/jquery.js"></script>
  <script type="text/javascript" src="../pub/javapp.js"></script>
  <script type="text/javascript">
  	var groovy = java.groovy('Select.groovy');
  	groovy.run();
    function clk(e){
		e.preventDefault();
		e.stopPropagation();
		groovy.select(this);
    }
    
    $("[xt]").each(function(){
    	this.addEventListener("click", clk, false);
    });
  </script>
</body>

</html>
